﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Default.Master" AutoEventWireup="true" CodeBehind="register.aspx.cs" Inherits="JamesThew.register" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        jQuery(document).ready(function () {
            $('.payment_options').hide();
            $('.credit_card').show();
            $('#BodyPlaceHolder_UserPaymentMethod').change(function () {
                $('.payment_options').hide();
                $('.' + $(this).val()).show();
            });
        });
    </script>
    <link rel="Stylesheet" type="text/css" href="Includes/bootstrap/css/bootstrap.min.css" />
    <link rel="Stylesheet" type="text/css" href="Includes/css/style.css" />
    <link rel="Stylesheet" type="text/css" href="Includes/bootstrap/css/bootstrap-responsive.min.css" />
    <script type="text/javascript" src="Includes/bootstrap/js/bootstrap.min.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="BodyPlaceHolder" runat="server">
    <form id="register" runat="server" class="form-horizontal">
    <fieldset>
    <legend>Sign Up!</legend>
    <div class="row">
        <div class="span6">
             <!-- User name -->
            <div class="control-group">
                <label class="control-label" for="BodyPlaceHolder_UserLogin">User name</label>
                <div class="controls">
                    <asp:TextBox ID="UserLogin" runat="server"></asp:TextBox>
                    <p class="help-block">User must be unique</p>
                </div>
            </div>

            <!-- Password -->
            <div class="control-group">
                <label class="control-label" for="BodyPlaceHolder_UserPass">Password</label>
                <div class="controls">
                    <asp:TextBox ID="UserPass" runat="server" TextMode="Password"></asp:TextBox>
                </div>
            </div>

            <!-- Re-enter Password -->
             <div class="control-group">
                <label class="control-label" for="BodyPlaceHolder_UserConfirmPass">Confirm Password</label>
                <div class="controls">
                    <asp:TextBox ID="UserConfirmPass" runat="server" TextMode="Password"></asp:TextBox>
                    <p class="help-block">Re-enter password</p>
                </div>
            </div>

            <!-- Email -->
            <div class="control-group">
                <label class="control-label" for="BodyPlaceHolder_UserEmail">Email</label>
                <div class="controls">
                    <asp:TextBox ID="UserEmail" runat="server"></asp:TextBox>
                </div>
            </div>

             <!-- Payment method -->
            <div class="control-group">
                <label class="control-label" for="BodyPlaceHolder_UserPlan">Choose Plan</label>
                <div class="controls">
                    <asp:DropDownList ID="UserPlan" runat="server">
                        <asp:ListItem Selected="True" Value="monthy">Monthy ($10)</asp:ListItem>
                        <asp:ListItem Value="yearly">Yearly ($100)</asp:ListItem>
                    </asp:DropDownList>
                </div>
            </div>

             <!-- Payment method -->
            <div class="control-group">
                <label class="control-label" for="BodyPlaceHolder_UserPaymentMethod">Payment method</label>
                <div class="controls">
                    <asp:DropDownList ID="UserPaymentMethod" runat="server" 
                        onselectedindexchanged="UserPaymentMethod_SelectedIndexChanged">
                        <asp:ListItem Selected="True" Value="credit_card">Credit Card</asp:ListItem>
                        <asp:ListItem Value="bank_transfer">Bank Transfer</asp:ListItem>
                        <asp:ListItem Value="direct">Direct</asp:ListItem>
                    </asp:DropDownList>
                </div>
            </div>
        </div><!--Left-->
        <div class="span6">
            
            <div class="control-group">
                <h4>Addition Information</h4>
            </div>

            <div class="credit_card payment_options">
            <!-- CREDIT CARD -->
            <div class="control-group">
                <label class="control-label" for="BodyPlaceHolder_CreditCardHolder">Credit card holder</label>
                <div class="controls">
                    <asp:TextBox ID="CreditCardHolder" runat="server"></asp:TextBox>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="BodyPlaceHolder_CreditCardNumber">Credit card number</label>
                <div class="controls">
                    <asp:TextBox ID="CreditCardNumber" runat="server"></asp:TextBox>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="BodyPlaceHolder_CCV">CCV</label>
                <div class="controls">
                    <asp:TextBox ID="CCV" runat="server" CssClass="input-mini"></asp:TextBox>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="BodyPlaceHolder_ExpiredMonth">Expired Date</label>
                <div class="controls">
                    <asp:TextBox ID="ExpiredMonth" runat="server" CssClass="input-mini"></asp:TextBox> / <asp:TextBox ID="ExpiredYear" runat="server" CssClass="input-mini"></asp:TextBox>
                </div>
            </div>
            </div><!--CREDITCARD-->

            <div class="bank_transfer payment_options">
                <h5>We'll send an instruction email to you</h5>
            </div>

            <div class="direct payment_options">
                <h5>We'll send an instruction email to you included our office address.</h5>
            </div>

        </div><!--Right-->
    </div><!--.row-->
      

    <div class="form-actions">
        <asp:Button ID="btnRegister" runat="server" CssClass="btn btn-primary" 
            Text="Register" onclick="btnRegister_Click" />
        <asp:Button ID="btnCancel" runat="server" CssClass="btn" Text="Cancel" />
    </div>
            
        </fieldset>
    </form>
</asp:Content>
